<div class="mui-content bg-gray">
  <div class="top-bar bg-linear">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <div class="flex text-center">实名认证</div>
  </div>
  <ul class="mui-table-view m-b">
    <li class="mui-table-view-cell mui-text-center" [ngStyle]="{'color':verification ? '#4cd964' : '#f02f3e'}" >
      审核状态：
      <span>{{verification ? '已认证' : '未认证'}}</span>
    </li>
  </ul>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>基本信息
  </div>
  <div class="mui-input-group m-b">
    <div class="mui-input-row">
      <label>姓名</label>
      <input type="text" placeholder="必须与身份证姓名一致" [(ngModel)]="realname">
    </div>
    <div class="mui-input-row">
      <label>身份证号</label>
      <input type="text" placeholder="必须与身份证号码一致" [(ngModel)]="idcard">
    </div>
    <div class="mui-input-row">
      <label>地区</label>
      <select [(ngModel)]="province" class="" (change)="getArea($event)">
        <option value="">请选择</option>
        <option *ngFor="let item of _cityList" value="{{item.value}}">{{item.text}}</option>
      </select>
    </div>
    <div class="mui-input-row">
      <label>城市</label>
      <select [(ngModel)]="city" class="">
        <option value="">请选择</option>
        <option *ngFor="let item of areaList" value="{{item.value}}">{{item.text}}</option>
      </select>
    </div>
    <div class="mui-input-row">
      <label>公司全称</label>
      <input type="text" placeholder="公司名称" [(ngModel)]="company">
    </div>
    <div class="mui-input-row">
      <label>公司电话</label>
      <input type="text" placeholder="公司电话（可选）" [(ngModel)]="tel">
    </div>
    <div class="mui-input-row">
        <label>微信</label>
        <input type="text" placeholder="微信号" [(ngModel)]="wechat">
      </div>
    </div>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>手持身份证照片
  </div>
  <div class="mui-tab-view m-b photo-box">
    <span class="mui-pull-right p-r photo-number">0/1</span>
    <div class="photo m mui-text-center">
      <input class="hidden-file" type="file" id="holdidcard" name="holdidcard" (change)="uploadImage('holdidcard')">
      <div class="file-style">
          <span class="mui-icon mui-icon-camera camera"></span>
          <p>上传图片</p>
      </div>
    </div>
  </div>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>名片或工牌
  </div>
  <div class="mui-tab-view m-b photo-box">
    <span class="mui-pull-right p-r photo-number">0/1</span>
    <div class="photo m mui-text-center">
      <input class="hidden-file" type="file" id="workcard" name="workcard" (change)="uploadImage('workcard')">
      <div class="file-style">
          <span class="mui-icon mui-icon-camera camera"></span>
          <p>上传图片</p>
      </div>
    </div>
  </div>

  <div class="title p-l">
    <span class="squre mui-badge-danger"></span>本人与公司标志合影
  </div>
  <div class="mui-tab-view m-b photo-box">
    <span class="mui-pull-right p-r photo-number">0/1</span>
    <div class="photo m mui-text-center">
      <input class="hidden-file" type="file" id="pic" name="pic" (change)="uploadImage('pic')">
      <div class="file-style">
          <span class="mui-icon mui-icon-camera camera"></span>
          <p>上传图片</p>
      </div>
    </div>
  </div>

  <div class="b-btn" (click)="certification($event)">
    提交
  </div>
</div>
